import {
  FooterWrapped,
  FooterLeft,
  FooterRight,
} from "./style";
import { footerLinks , footerImgLinks } from "common/local-data";
import { memo,Fragment } from "react";
export default memo (
  function HAppFooter () {
    return (
      <FooterWrapped>
        <div className="content wrap-v2">
          <FooterLeft>
              <div className={"music-link"}>
                {
                  footerLinks.map((item,index)=>{
                    return (
                      <Fragment key={item.title}>
                      <a  key={item.title} href={item.link} target={"_blank"} rel="noopener noreferrer">{item.title}</a>
                        {index < footerLinks.length-1?<span>|</span>:""}
                      </Fragment>
                    )
                  })
                }
              </div>

            <div className={"copyright"}>
              <span>网易公司版权所有©1997-2020</span>
              <span>
            杭州乐读科技有限公司运营：
            <a href="https://p1.music.126.net/Mos9LTpl6kYt6YTutA6gjg==/109951164248627501.png" rel="noopener noreferrer" target="_blank">浙网文[2018]3506-263号</a>
          </span>
            </div>
            <div className="report">
              <span>违法和不良信息举报电话：0571-89853516</span>
              <span>
            举报邮箱：
            <a href="mailto:ncm5990@163.com" target="_blank" rel="noopener noreferrer">ncm5990@163.com</a>
          </span>
            </div>
            <div className="info">
              <span>粤B2-20090191-18</span>
              <a href="http://www.beian.miit.gov.cn/publish/query/indexFirst.action" rel="noopener noreferrer" target="_blank">
                工业和信息化部备案管理系统网站
              </a>
              <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002564"  rel="noopener noreferrer" target="_blank">
                <span className={"police-logo"}/>
                <span className={"police-text"}>浙公网安备 33010902002564号</span>
              </a>
            </div>
          </FooterLeft>
          <FooterRight>
            <ul className="other">
              { footerImgLinks.map((item) => {
                return (
                  <li key={item.title}>
                  <a href={item.link} target={"_blank"} rel="noopener noreferrer" />
                  <span className={"other-text"}/>
                  </li>
                )
              })}
            </ul>
          </FooterRight>
        </div>
      </FooterWrapped>
    )
  }
)
